import React from 'react';
import { Modal, Button } from 'antd';
import pdfImg1 from '../../images/guide_01.jpg';
import pdfImg2 from '../../images/guide_02.jpg';
import pdfImg3 from '../../images/guide_03.jpg';
import pdfImg4 from '../../images/guide_04.jpg';
import pdfImg5 from '../../images/guide_05.jpg';
import pdfImg6 from '../../images/guide_06.jpg';
import pdfImg7 from '../../images/guide_07.jpg';
import pdfImg8 from '../../images/guide_08.jpg';
class ShowPdfModal extends React.Component {
  render() {
    return (
      <Modal
        title={
          <div style={{ textAlign: 'center' }}>子塾上课指南（使用PC/PAD)</div>
        }
        footer={null}
        visible={true}
        width={1048}
        onCancel={() => {
          const { handleClose } = this.props;
          handleClose();
        }}
      >
        <div style={{ height: '520px', overflow: 'auto' }}>
          {/* <iframe
            // src={`${window.location.protocol}//${window.location.hostname}/tools/download/shangkezhinan.pdf`}
            src={pdfSrc }
            frameBorder="0"
            height="100%"
            width="100%"
          /> */}
          <img style={{ height: '1227px', width: '1000px'}} src={pdfImg1} />
          <img style={{ height: '1227px', width: '1000px'}} src={pdfImg2} />
          <img style={{ height: '1227px', width: '1000px'}} src={pdfImg3} />
          <img style={{ height: '1227px', width: '1000px'}} src={pdfImg4} />
          <img style={{ height: '1227px', width: '1000px'}} src={pdfImg5} />
          <img style={{ height: '1227px', width: '1000px'}} src={pdfImg6} />
          <img style={{ height: '1227px', width: '1000px'}} src={pdfImg7} />
          <img style={{ height: '1227px', width: '1000px'}} src={pdfImg8} />
        </div>
      </Modal>
    );
  }
}

export default ShowPdfModal
